<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login To the System</title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
</head>
<body>
<div align="center"><img src="images/tennis_big.jpg" alt="图片无法显示" /></div>
<form id="form" method="post" action="login">
<table width="30%" border="0" align="center">
	<tbody>
		<tr>
			<td colspan="2"><div align="center">用户登录</div></td>
		</tr>
		<tr>
			<td width="20%">用户名<br></td>
			<td width="30%"><input type="text" maxlength="20" size="50" name="userName"></td>		
		</tr>
		<tr>
			<td>密码</td>
			<td><input type="password" maxlength="20" size="50" name="passwd"></td>
		</tr>
		<tr>
			<td valign="top"><br></td>
			<td valign="top">
			<input type="submit" value="登录" name="btnLogin">
			<input type="button" value="管理员登陆" id="turnAdmin" onclick="turnAdminFunc()">
			<input type="button" value="注册" id="register" onclick="window.location.href='register.html'"> </td>
			<input type="hidden" value="0" id="adminValFlag" name="adminVal">
		</tr>
	</tbody>
</table>
</form>
<div id="blockMuchDisplayDiv" style="display:none; POSITION:absolute; left:55%; top:80%; width:300px;  margin-left:-232px; margin-top:-12x; background-color:#d8f3f0; text-align:left; padding:10px 15px">
	<span id="blockMsg" style="margin:15px"></span>
</div>
<script type="text/javascript">
function turnAdminFunc(){
	$("#turnAdmin").hide();
	$("#register").hide();
	$("#adminValFlag").val("1");
}
</script>
</body>
</html>